<script setup>
import { ref, computed } from 'vue'

const price = ref(100)

const priceVip = computed(() => {
  // 计算属性中的代码
  return price.value * 0.8
})


const priceSVIP = computed(() => {
  // 计算属性中的代码
  return price.value * 0.6
})


// 配置可写的计算属性
const p = computed({
  get() {
    return price.value * 0.5
  },
  set(val) {
    price.value = val / 0.5
  }
})

function changeP() {
  console.log(p.value);
  p.value = 100
}

</script>
<template>
  <div>
    <h1> 原价：{{ price }} ，Vip: {{ priceVip }}, SVIP: {{ priceSVIP }}, p: {{ p }} </h1>
    <button @click="changeP">修改 p 的值</button>
  </div>
</template>
